<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>layuiAdmin 控制台主页一</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" th:href="@{/lib/layuiadmin/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/lib/layuiadmin/style/admin.css}" media="all">
    <!--[if lt IE 9]>
    <script th:src="@{/js/Utils/html5.min.js}"></script>
    <script th:src="@{/js/Utils/respond.min.js}"></script>
    <![endif]-->
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">快捷方式</div>
                        <div class="layui-card-body">
                            <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                                <div carousel-item>
                                    <ul id="quickAccess" class="layui-row layui-col-space10">
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">当天视频下载状态</div>
                        <div class="layui-card-body">
                            <div class="layui-carousel layadmin-carousel layadmin-backlog">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs6">
                                            <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
                                                <h3>视频总数</h3>
                                                <p><cite id="waitDownloadTotal"></cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
                                                <h3>待下载视频</h3>
                                                <p><cite id="waitDownloadNum"></cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
                                                <h3>下载成功视频</h3>
                                                <p><cite id="successDownloadNum"></cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
                                                <h3>下载失败视频</h3>
                                                <p><cite  style="color:red;" id="failedDownloadNum"></cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">数据概览</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade"
                                 lay-filter="LAY-index-dataview">
                                <div carousel-item id="LAY-index-dataview">
                                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                                    <div></div>
                                    <div></div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-card">
                        <div class="layui-tab layui-tab-brief layadmin-latestData">
                            <ul class="layui-tab-title">
                                <li class="layui-this">查验区业务量</li>
                                <li>查验员业务量</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <table id="LAY-index-topSearch"></table>
                                </div>
                                <div class="layui-tab-item">
                                    <table id="LAY-index-topCard"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">账户信息</div>
                <div class="layui-card-body layui-text">
                    <table class="layui-table">
                        <colgroup>
                            <col width="130">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>账号有效期</td>
                            <td id="zhyxq">
                                <!--<script type="text/html" template>-->
                                <!--v{{ layui.systemManager.v }}-->
                                <!--<a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 15px;">更新日志</a>-->
                                <!--</script>-->
                            </td>
                        </tr>
                        <tr>
                            <td>账号到期天数</td>
                            <td id="zhyxqdays">
                                <!--<script type="text/html" template>-->
                                <!--layui-v{{ layui.v }}-->
                                <!--</script>-->
                            </td>
                        </tr>
                        <tr>
                            <td>密码有效期</td>
                            <td id="mmyxq"></td>
                        </tr>
                        <tr>
                            <td>密码到期天数</td>
                            <td id="mmyxqdays">
                            </td>
                        </tr>
                        <tr>
                            <td>上次登录IP</td>
                            <td id="scdlip">
                            </td>
                        </tr>
                        <tr>
                            <td>上次登录时间</td>
                            <td id="scdlsj">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">视频下载监控</div>
                <div class="layui-card-body layadmin-takerates">
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>视频下载率</h3>
                        <div id="BusComplete"></div>
                    </div>
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>下载成功率</h3>
                        <div id="BusRetire"></div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">实时监控</div>
                <div class="layui-card-body layadmin-takerates">
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>已审核流水率</h3>
                        <div id="verify"></div>
                    </div>
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>审核流水通过率</h3>
                        <div id="verifyPass"></div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">相关网站</div>
                <div class="layui-card-body">
                    <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade"
                         lay-filter="news">
                        <div carousel-item>
                            <div><a id="zwcyjgxt" target="_blank" class="layui-bg-red">专网查验监管系统</a></div>
                            <div><a id="cyyspxt" target="_blank" class="layui-bg-green">查验音视频管理系统</a></div>
                            <div><a id="cyyyxt" target="_blank" class="layui-bg-blue">查验预约后台管理系统专网版</a></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">
                    公司简介
                    <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
                </div>
                <div class="layui-card-body layui-text layadmin-text">
                    <p>深圳市安车检测股份有限公司（股票代码：300572）是国内机动车检测行业、环境污染防治行业、机动车驾驶人考试行业整体解决方案提供者。安车立足汽车后市场，面向智能交通、智能环保、通过对机电一体化、互联网和多媒体技术的重新演绎，运用“物联网”、“云计算”等新技术，向机动车检验机构提供机动车检测业务解决方案、向政府行业管理部门提供行业监管解决方案、向社会考试、培训机构提供驾驶员考试系统解决方案、向维修行业提供智能的维修行业服务与管理解决方案，为实现智能交通和绿色交通奠定坚实的基础。</p>
                    <p>—— 安车（<a href="http://www.anche.cn/" target="_blank">anche.cn</a>）</p>
                </div>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    // ctxPath = /*[[@{/}]]*/ '';
    /*]]>*/
    ctxPath = '';
</script>
<script th:src="@{/lib/jQuery/jquery.min.js}"></script>
<script th:src="@{/lib/layuiadmin/layui/layui.js}"></script>
<script th:src="@{/js/common.js}"></script>
<script th:src="@{/js/homePage/console.js}"></script>
</body>
</html>

